page {
    background: #fff;
}

.banner {
    height: 310rpx;
    overflow: hidden;
    width: 100%;
}

.banner_backImg {
    height: 310rpx;
    width: 100%;
}

.banner_backmengceng {
    position: absolute;
    height: 310rpx;
    background: rgba(0,0,0,0.4);
    z-index: 5;
    width: 100%;
}

.banner_headImg {
    height: 150rpx;
    width: 150rpx;
    border-radius: 10rpx;
    margin-top: 80rpx;
    margin-left: 30rpx;
    position: absolute;
}

.banner_name {
    width: 500rpx;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    font-size: 30rpx;
    color: #FFFFFF;
    margin-top: 80rpx;
    margin-left: 210rpx;
    font-weight: bold;
}

.banner_title {
    width: 500rpx;
    position: absolute;
    font-size: 24rpx;
    color: #FFFFFF;
    margin-top: 140rpx;
    margin-left: 210rpx;
}

.banner_style {
    width: 500rpx;
    position: absolute;
    font-size: 24rpx;
    color: #FFFFFF;
    margin-top: 195rpx;
    margin-left: 210rpx;
}

.banner_style_img {
    height: 30rpx;
    padding-left: 5rpx;
    width: 30rpx;
    vertical-align: middle;
    margin-top: -5rpx;
}

.name_nav {
    font-size: 30rpx;
    color: #000000;
    font-weight: bold;
    padding: 30rpx;
}

.shop_modle_border {
    width: 730rpx;
    margin-left: 10rpx;
}

.shop_modle {
    width: 335rpx;
    padding-bottom: 40rpx;
    display: inline-block;
    margin-left: 20rpx;
}

.shop_modle_img {
    width: 335rpx;
    display: block;
    height: 250rpx;
}

.shop_modle_name {
    width: 335rpx;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 30rpx;
    font-weight: bold;
    margin-top: 20rpx;
    color: #333333;
}

.shop_modle_num {
    width: 335rpx;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24rpx;
    color: #7A7A7A;
    margin-top: 20rpx;
}

.shop_modle_price {
    width: 335rpx;
    font-size: 20rpx;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7A7A7A;
    margin-top: 20rpx;
}

.shop_modle_price_num {
    font-size: 30rpx;
    color: #F75F5F;
    font-weight: bold;
}

.look_modle {
    width: 100%;
    text-align: center;
    border-top: 1rpx solid #f5f5f5;
    border-bottom: 30rpx solid #f5f5f5;
    line-height: 73rpx;
    font-size: 24rpx;
    color: #7A7A7A;
}

.look_modle_img {
    height: 30rpx;
    width: 30rpx;
    vertical-align: middle;
    margin-top: -5rpx;
}

.guanggao_border {
    width: 690rpx;
    height: 200rpx;
    margin: 0 auto;
}

.guanggao_border_img {
    width: 690rpx;
    height: 200rpx;
}

.guanggao_border_more {
    background: rgba(0,0,0,0.4);
    height: 30rpx;
    width: 70rpx;
    text-align: center;
    position: absolute;
    margin-top: 23rpx;
    margin-left: 37rpx;
    line-height: 30rpx;
    font-size: 18rpx;
    color: #FFFFFF;
}

.modle {
    width: 690rpx;
    margin: 0 auto;
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    height: 180rpx;
    border-bottom: 1rpx solid rgba(0,0,0,0.10);
}

.modle_img {
    height: 180rpx;
    width: 270rpx;
    background: #e0e0e0;
    border-radius: 10rpx;
    float: left;
}

.modle_name {
    font-size: 30rpx;
    color: #333333;
    font-weight: bold;
    padding-left: 20rpx;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.modle_chexing {
    font-size: 24rpx;
    color: #7A7A7A;
    margin-top: 20rpx;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20rpx;
    width: 100%;
}

.modle_price {
    font-size: 30rpx;
    color: #F75F5F;
    font-weight: bold;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    bottom: 0rpx;
    position: absolute;
    text-overflow: ellipsis;
    padding-left: 20rpx;
    width: 100%;
}

.baozhang {
    width: 25%;
    display: inline-block;
}

.baozhang_img {
    height: 58rpx;
    width: 58rpx;
    margin: 0 auto;
    display: block;
}

.baozhang_text {
    font-size: 24rpx;
    width: 100%;
    text-align: center;
    color: #555555;
}

.page_nav {
    height: 50rpx;
    width: 100%;
}

.modle_border {
    width: 100%;
    background: #fff;
    margin-top: 20rpx;
}

.nav_nav {
    height: 88rpx;
    width: 100%;
}

.btm_nav {
    height: 88rpx;
    width: 100%;
    position: fixed;
    bottom: 0rpx;
    background: #FFFFFF;
    box-shadow: 0 -1rpx 0 0 rgba(0,0,0,0.10);
}

.btm_nav_small {
    width: 17.333%;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    vertical-align: top;
    display: inline-block;
    font-size: 20rpx;
    color: #555555;
}

.btm_nav_small_img {
    height: 40rpx;
    width: 40rpx;
    margin: 0 auto;
    margin-top: 14rpx;
    display: block;
}

.btm_nav_small_title {
    width: 100%;
    text-align: center;
    line-height: 35rpx;
    font-size: 20rpx;
    color: #555555;
}

.btm_nav_big_index {
    width: 24%;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    border-radius: 0;
    vertical-align: top;
    display: inline-block;
    background: #0AC2AE;
    font-size: 28rpx;
    color: #FFFFFF;
}

.btm_nav_big_second {
    width: 24%;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    vertical-align: top;
    display: inline-block;
    background: #FB9145;
    font-size: 28rpx;
    color: #FFFFFF;
    border-radius: 0;
}

button::after {
    border: none;
}

.end_none {
    width: 100%;
    font-size: 28rpx;
    color: #8a8a8a;
    text-align: center;
    height: 100rpx;
    line-height: 100rpx;
}

.banner1 {
    width: 100%;
    height: 300rpx;
    background: #0AC2AE;
}

.banner_modle1 {
    height: 300rpx;
    width: 690rpx;
    margin: 0 auto;
    margin-top: -240rpx;
    background: #FFFFFF;
    box-shadow: 0 4rpx 6rpx 0 rgba(0,0,0,0.10);
    border-radius: 10rpx;
}

.banner_modle_top1 {
    height: 100rpx;
    width: 630rpx;
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    margin-left: 30rpx;
    border-bottom: 1rpx solid #f9f9f9;
}

.banner_modle_top_img1 {
    height: 100rpx;
    float: left;
    width: 100rpx;
    border-radius: 100%;
}

.banner_modle_top_title1 {
    font-size: 30rpx;
    color: #000000;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 70%;
    margin-left: 20rpx;
}

.banner_modle_top_btn1 {
    border: 1px solid #0AC2AE;
    border-radius: 100rpx;
    height: 36rpx;
    float: left;
    margin-left: 35rpx;
    margin-top: 20rpx;
    width: 90rpx;
    text-align: center;
    line-height: 34rpx;
    font-size: 20rpx;
    color: #0AC2AE;
}

.banner_modle_down1 {
    height: 135rpx;
    padding-top: 1rpx;
    margin: 0 auto;
    display: block;
    width: 630rpx;
}

.banner_modle_down_modle1 {
    width: 208rpx;
    vertical-align: top;
    height: 137rpx;
    display: inline-block;
}

.banner_modle_down_modle_top1 {
    font-size: 30rpx;
    color: #000000;
    width: 100%;
    margin-top: 30rpx;
    text-align: center;
}

.banner_modle_down_modle_down1 {
    font-size: 24rpx;
    color: #9295A8;
    width: 100%;
    text-align: center;
}

.banner_modle_down_border1 {
    width: 1rpx;
    display: inline-block;
    vertical-align: top;
    height: 30rpx;
    background: #f0f0f0;
    margin-top: 50rpx;
}

.modle {
    width: 690rpx;
    margin: 0 auto;
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    height: 180rpx;
    border-bottom: 1rpx solid rgba(0,0,0,0.10);
}

.modle_img {
    height: 180rpx;
    width: 270rpx;
    background: #e0e0e0;
    border-radius: 10rpx;
    float: left;
}

.modle_name {
    font-size: 30rpx;
    color: #333333;
    font-weight: bold;
    padding-left: 20rpx;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.modle_chexing {
    font-size: 24rpx;
    color: #7A7A7A;
    margin-top: 20rpx;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20rpx;
    width: 100%;
}

.modle_price {
    font-size: 30rpx;
    color: #F75F5F;
    font-weight: bold;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    bottom: 0rpx;
    position: absolute;
    text-overflow: ellipsis;
    padding-left: 20rpx;
    width: 100%;
}

.message_border {
    width: 420rpx;
    height: 180rpx;
    float: left;
    position: relative;
}

.ziying {
    width: 80rpx;
    height: 30rpx;
    vertical-align: middle;
    margin-left: 10rpx;
    border-radius: 5rpx;
    line-height: 30rpx;
    margin-top: -5rpx;
    font-size: 16rpx;
    color: #FFFFFF;
    background: #0AC2AE;
    display: inline-block;
    text-align: center;
}

.tuijian {
    width: 56rpx;
    height: 30rpx;
    border-radius: 5rpx;
    line-height: 30rpx;
    font-size: 16rpx;
    color: #FFFFFF;
    background: #EC6D6E;
    position: absolute;
    margin-top: 152rpx;
    text-align: center;
}